// 媒体查询
@mixin maxscreen($width: 750px) {
  @media screen and (max-width: $width) {
      @content;
  }
}
@mixin minscreen($width: 750px) {
  @media screen and (min-width: $width) {
      @content;
  }
}
@mixin screen($max,$min) {
  @media screen and (min-width: $min) and (max-width: $max) {
      @content;
  }
}
@mixin flex($direction:row,$justify:center,$align:stretch) {
  display: flex;
  flex-direction: $direction;
  justify-content: $justify;
  align-items: $align;
}

// 溢出省略 line行数 默认一行
@mixin line($line: 1){
  overflow: hidden;
  text-overflow: ellipsis;
  @if $line == 1 {
      white-space: nowrap;
  } @else {
      display:-webkit-box;
      -webkit-line-clamp:$line;
      -webkit-box-orient:vertical;
  }
}